/*  安全距离 */
.inset-bottom {
	padding-bottom: constant(safe-area-inset-bottom) !important;
	padding-bottom: env(safe-area-inset-bottom) !important;
}

.inset-bottom-height {
	width: 100%;
	height: constant(safe-area-inset-bottom) !important;
	height: env(safe-area-inset-bottom) !important;
}

/* @font-face {
	font-family: 'Ping Fang';
	src: url('https://linghuo-app.oss-cn-chengdu.aliyuncs.com/app-img/font/48FA5D311E6F4BF297B315E360E8F411.otf');
} */

/* text,
view,
button,
input,
textarea {
	font-family: 'Ping Fang';
} */
/* 辅助色 */
.sub{
	color: #00154C;
}
/* 主题色 */

.color {
	color: #2471FB;
}

.background {
	background: #2471FB;
}

.border {
	border: 1px solid #2471FB;
}

/*  颜色部分 */
.color0 {
	color: #00154C;
}

.color05 {
	color: rgba(0, 21, 76, 0.5);
}

.color3 {
	color: #333333 !important;
}


.color9 {
	color: #999999;
}

.color6 {
	color: #666666;
}

.colorf {
	color: #ffffff !important;
}

.backgroundf {
	background: #ffffff !important;
}

.backgroundf6 {
	background: #EBF0FF;
}

/* 删除线 */
.line-through {
	text-decoration: line-through;
}

/*  width */
.width100 {
	width: 100%;
}

.height100 {
	height: 100%;
}

.width-height100 {
	width: 100%;
	height: 100%;
}

/*  padding */
.padding {
	padding: 0 24rpx;
	box-sizing: border-box;
}

.padding24 {
	padding: 24rpx;
	box-sizing: border-box;
	border-radius: 8rpx;
}

/*  圆角 */
.overflow {
	overflow: hidden;
}

.radius12 {
	border-radius: 24rpx;
	overflow: hidden;
}

.radius10 {
	border-radius: 20rpx;
	overflow: hidden;
}

.radius100 {
	border-radius: 100rpx;
	overflow: hidden;
}

/*  margin */
.margin-bottom-24 {
	margin-bottom: 24rpx;
}

/*  字体部分 */
.font-weight {
	font-weight: bold;
}

.font-weight-no {
	font-weight: normal;
}

.text-align-left {
	text-align: left;
}

.text-align {
	text-align: center;
}

.text-align-right {
	text-align: right;
}

/* 字体大小 */
.size-24{
	font-size: 24rpx;
}
.size-26 {
	font-size: 26rpx !important;
}

.size-28 {
	font-size: 28rpx !important;
}

.size-30 {
	font-size: 30rpx !important;
}
.size-34 {
	font-size: 34rpx !important;
}
.size-36{
	font-size: 36rpx !important;
}

/*  布局 */
.flex {
	display: flex;
}

.dis {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dis-ali {
	display: flex;
	align-items: center;
}

.flex-end {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.dis-jus {
	display: flex;
	justify-content: center;
}

.dis-end {
	display: flex;
	justify-content: flex-end;
}

.dis-cen {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.between-ali {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
}

.block {
	display: inline-block;
}

/* 内边距融合 */
.siz {
	box-sizing: border-box;
}

/*  定位 */
.por {
	position: relative;
}

.pof {
	position: fixed;
}

.poa {
	position: absolute;
}

.top-left {
	left: 0;
	top: 0;
}

/* 图片去掉空白 */
.visibility {
	visibility: hidden
}

/*  省略号 */
.box {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.box2 {
	overflow: hidden;
	/* 溢出时不显示溢出的内容 */
	text-overflow: ellipsis;
	/* 发生溢出时使用省略号代替 */
	display: -webkit-box;
	/* chrome浏览器的私有属性。显示为box。 */
	-webkit-box-orient: vertical;
	/* 垂直排列元素 */
	-webkit-line-clamp: 2;
	/* 显示多少行 */
}

image {
	display: inline-block;
}

.opacity {
	opacity: 0;
}

.opacity1 {
	opacity: 1;
}